<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<title></title>
<div id="app">
	
<button v-on:click="add">增加1</button>

<!-- <button v-on:click="count++">增加1</button> -->

<p>点击了{{count}}次</p>
<!-- //选中2个及以上 tab键向右移 -->
<!-- shift+tab 向左移 -->

</div>

</head>
	
<body>
		
<script>
	new Vue({
//new Vue 是没有发言号的		
		el:'#app',
		data:{
			count:0
		},
		//加个方法 }，
		methods:{
			add:function(){
				this.count++
				//this指 实例化的Vue 元素 add=count
			}
		}
	})	
</script>
		
</body>
</html>
